import config from "../../config/index.js";
export default{
	model: {
		prop: "show",
		event: "changeShow"
	},
	props: {
		show: {	//显示状态
			type: Boolean,
			default: false
		},
		mode: {	//弹出方向，left|right|top|bottom|center
			type: String,
			default: 'left'
		},
		mask: {	//是否显示遮罩
			type: Boolean,
			default: true
		},
		length: {	//抽屉的宽度(mode=left|right)，或者高度(mode=top|bottom)，单位rpx，或者"auto"，或者百分比"50%"，表示由内容撑开高度或者宽度
			type: [Number, String],
			default: '50%'
		},
		zoom: {	//是否开启缩放动画，只在mode=center时有效
			type: Boolean,
			default: true
		},
		maskCloseAble: {	// 是否可以通过点击遮罩进行关闭
			type: Boolean,
			default: true
		},
		customStyle: {	// 用户自定义样式
			type: Object,
			default () {
				return {};
			}
		},
		borderRadius: {	// 显示显示弹窗的圆角，单位rpx
			type: [Number, String],
			default: 20
		},
		zIndex: {	//弹出内容的z-index值
			type: [Number, String],
			default: config.popupZIndex
		},
		closeable: {	// 是否显示关闭图标
			type: Boolean,
			default: false
		},
		closeIcon: {	// 关闭图标的名称，只能ezView的内置图标
			type: String,
			default: 'icon-close'
		},
		closeIconPos: {	// 自定义关闭图标位置，top-left为左上角，top-right为右上角，bottom-left为左下角，bottom-right为右下角
			type: String,
			default: 'top-right'
		},
		closeIconColor: {	// 关闭图标的颜色
			type: String,
			default: '#909399'
		},
		closeIconSize: {	// 关闭图标的大小，单位rpx
			type: [String, Number],
			default: '30'
		},
		maskCustomStyle: {	// 遮罩的样式，一般用于修改遮罩的透明度
			type: Object,
			default () {
				return {}
			}
		},
		duration: {	// 遮罩打开或收起的动画过渡时间，单位ms
			type: [String, Number],
			default: 250
		}
	},
}